/*
@header
*/
.fl{ float:left;}
.fr{ float:right;}
.white{ color:#ffffff;}
.white a:link{ color:#ffffff;}
.white a:visited{ color:#ffffff;}
.white a:hover{ color:#ffffff;}
.white a:active{ color:#ffffff;}
.red{ color:#ff0000;}
.red a:link{ color:#ff0000;}
.red a:visited{ color:#ff0000;}
.red a:hover{ color:#ff0000;}
.red a:active{ color:#ff0000;}
.w1200{
	width:1200px;
	margin:0 auto
}
.header{
	background:url(../images/header_bg.gif) repeat-x;
}
.topbox{
	background:url(../images/topbox_bg.png) no-repeat center top;
	height:86px;
	position:relative;
	z-index:9
}
.topbox_con{
	width:1200px;
	height:39px;
	line-height:39px;
	margin:0 auto;
	font-size:13px
}
.date{
	_display:inline;
	margin:0 0 0 8px;
	/*background:url(../images/white_line.gif) no-repeat left center;*/
	padding:0 0 0 8px;
}
.weather{
	_display:inline;
	margin:10px 0 0 12px;
}
.lan li{
	float:left;
	background:url(../images/lan_line.gif) no-repeat right center;
	padding:0 14px;
}
.lan li:last-child{
	background:none;
}
.lan li a.ico_robot{
	display:block;
	background:url(../images/ico_robot.png) no-repeat left center;
	padding-left:30px;
}
.banner{
	float:left;
	width:100%;
	background:url(../images/banner.jpg) no-repeat center top;
    /*background:url(../images/banner_heibai_2022.jpg) no-repeat center top;*/
	background-size:100% 100%;
	height:320px;
	margin-top:-47px;
	position:relative;
}
.guohui{
	position:relative;
	text-align:center;
	margin-top:-15px;
	z-index:10
}
.slogan{
	text-align:center;
	padding:15px 0 0;
}
.top_search{
	width:646px;
	height:46px;
	background:#1b6fe1;
	margin:25px auto 0;
	padding:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.top_search li{
	float:left
}
.ipt01{
	width:482px;
	height:26px;
	line-height:26px;
	background:#fff;
	padding:10px 12px;
	border:none;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	font-size:16px;
}
.btn01{
	background:url(../images/btn01.gif) no-repeat;
	width:139px;
	height:46px;
	border:none;
	cursor:pointer;
}
.navbox{
	background:#245399;
	height:55px;
}
.main-nav li.cur,.main-nav > li > a:hover{
	background:#e12525
}
.main-nav-box {
    width: 1200px;
    height:55px;
	margin:0 auto;
	position:relative;
}
.main-nav {
    height: 55px;
}
.main-nav > li {
    line-height: 55px;
    float: left;
    height: 55px;
    text-align: center;
	 font-size: 20px;
	 background:url(../images/nav_line.gif) no-repeat right center;
}
.main-nav > li > a {
	display:block;
	padding:0 63px;
}
.main-nav-box .mian-nav-layer {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    padding: 10px 0 0;
	height:42px;
	background:#fff;
    top: 55px;
	-webkit-box-shadow: #999 0px 0px 10px;
	-moz-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
}
.main-nav-sub-1, .index-layer-common {
    margin: 0 0 0 20px;
    height: 100%;
    font-weight: 500;
    text-align: left;
    line-height: 30px;
	white-space:nowrap
}
.main-nav-sub-1, .index-layer-common a{
	padding:0 20px;
	background:url(../images/lan_line.gif) no-repeat right center;
}
.main-nav-sub-1, .index-layer-common a:last-child{
	background:none;
}
.main-nav-sub-1, .index-layer-common a:link,.main-nav-sub-1, .index-layer-common a:hover,.main-nav-sub-1, .index-layer-common a:visited{
	color:#444;
	font-size:16px;
}
.mobile_main-nav{
	display:none;
}
.main-nav-sub-2{
	text-indent:0;
}
.main-nav-sub-3{
	text-indent:0;
}
.main-nav-sub-4{
	text-indent:140px;
}
.main-nav-sub-5{
	text-indent:520px;
}
.main-nav-sub-6{
	text-indent:240px;
}
/*
@footer
*/
.links {
    width: 100%;
    background-color: #245399;
    height: 57px;
}
.links .container{
	width:1000px;
	margin:0 auto;
	padding:0;
	position: relative;
}
.links .container h1{color:#fff; line-height: 57px; font-size:22px;}
.links ul {   
}
.links li {
    float: left;
	width:210px; height: 31px;
	padding:0;line-height: 31px;
	/*! background:url(../images/links_line.gif) no-repeat right 17px; */
}
.links li p {
    margin: 15px 5px;
    padding: 0 0 0 17px;
    background: #fff;
}
.links .dropdown {
    position: static;
	font-size:14px;
}
.links .dropdown ul {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 100%;
}
.links .dropdown li {
    float: none;
    margin-right: 0;
    color: #666;
    width: 100%;
}
.links .dropdown li a {
    margin: 5px 0;
    float: left;
    width: 16.666%;
    clear: none;
	color:#575757
}
.links li p i {
	width:14px;
	height:18px;
    display: inline-block;
    margin:0 10px 0 10px;
	background:url(../images/up_arw.gif) no-repeat left 4px;
	*background:url(../images/up_arw.gif) no-repeat left -3px;
	float: right;
}
.dropdown-menu {
 position:absolute;
 top:100%;
 left:0;
 z-index:1000;
 display:none;
 float:left;
 min-width:160px;
 padding:5px 0;
 margin:2px 0 0;
 font-size:14px;
 text-align:left;
 list-style:none;
 background-color:#f3f9ff;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 border:1px solid #ccc;
 border:1px solid rgba(0,0,0,.15);
 border-radius:4px;
 -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
 box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.dropdown-menu.pull-right {
 right:0;
 left:auto
}
.dropdown-menu .divider {
 height:1px;
 margin:9px 0;
 overflow:hidden;
 background-color:#e5e5e5
}
.dropdown-menu>li>a {
 display:block;
 padding:3px 15px;
 clear:both;
 font-weight:400;
 line-height:1.42857143;
 color:#333;
 white-space:nowrap
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
 color:#262626;
 text-decoration:none;
 background-color:#f5f5f5
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
 color:#fff;
 text-decoration:none;
 background-color:#337ab7;
 outline:0
}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
 color:#777
}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
 text-decoration:none;
 cursor:not-allowed;
 background-color:transparent;
 background-image:none;
 filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.open>.dropdown-menu {
 display:block
}
.open>a {
 outline:0
}
.dropdown-menu-right {
 right:0;
 left:auto
}
.dropdown-menu-left {
 right:auto;
 left:0
}
.dropdown-header {
 display:block;
 padding:3px 20px;
 font-size:12px;
 line-height:1.42857143;
 color:#777;
 white-space:nowrap
}
.dropdown-backdrop {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:990
}
.pull-right>.dropdown-menu {
 right:0;
 left:auto
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
 content:"";
 border-top:0;
 border-bottom:4px dashed;
 border-bottom:4px solid\9
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
 top:auto;
 bottom:100%;
 margin-bottom:2px
}
.por {
    position: relative;
}
.foot{
	height:auto;
	background-color:#ffffff;
    overflow: hidden;
}
.foot_nav{
	padding-bottom:20px;
}
.footer{
	padding:20px 0;
}
.footer p{
	line-height:30px
}
.zf01,
.zf02{
	position:absolute; margin-top: 80px;top:0;
}
.zf01{
	left:10%;
}
.zf02{
	right:10%
}

/* 侧边栏 */
.sidebar{ position: fixed; right: 10px; top: 295px; z-index: 9; margin-top: 0px; font-size: 0; text-align: right;} 
.sidebar .sidebar-item { position: relative; display: inline-block; *display: inline; *zoom: 1; height: 50px; line-height: 50px; margin-bottom: 5px; transition: all .5s; border:1px solid #eee;}
.sidebar .sidebar-item .sidebar-icon { float: left; width: 50px; height: 50px; background: no-repeat center center;}
.sidebar .sidebar-item .sidebar-icon-su{background-image:url(../images/icon_su.png) !important;}
.sidebar .sidebar-item .sidebar-icon-wb { background-image:url(../images/sidebar_icon_wb.png) !important;}
.sidebar .sidebar-item .sidebar-icon-wx { background-image:url(../images/sidebar_icon_wx.png) !important;}
.sidebar .sidebar-item .sidebar-icon-phone { background-image:url(../images/sidebar_icon_phone.png) !important;}
/*新增*/
.sidebar .sidebar-item .sidebar-icon-jiandu { background-image:url(../images/sidebar_icon_jiandu.jpg) !important;}
/*新增*/
.sidebar .sidebar-item .sidebar-icon-robot { background-image:url(../images/sidebar_icon_robot.png) !important;}
.sidebar .sidebar-item .sidebar-icon-fanti { background-image:url(../images/sidebar_icon_fanti.png) !important;}
.sidebar .sidebar-item .sidebar-icon-top { background-image:url(../images/sidebar_icon_top.png) !important;}
.sidebar .sidebar-item:hover { background: #245399; transition: all .5s; padding-right: 15px; width: 125px;}
.sidebar .sidebar-item:hover .sidebar-icon-su { background-image:url(../images/icon_su.png) !important;}
.sidebar .sidebar-item:hover .sidebar-icon-wb { background-image:url(../images/sidebar_icon_wb2.png) !important;}
.sidebar .sidebar-item:hover .sidebar-icon-wx { background-image:url(../images/sidebar_icon_wx2.png) !important;}
.sidebar .sidebar-item:hover .sidebar-icon-phone { background-image:url(../images/sidebar_icon_phone2.png) !important;}
/*新增*/
.sidebar .sidebar-item:hover .sidebar-icon-jiandu { background-image:url(../images/sidebar-icon-jiandu2.png) !important;}
/*新增*/
.sidebar .sidebar-item:hover .sidebar-icon-robot { background-image:url(../images/sidebar_icon_robot2.png) !important;}
.sidebar .sidebar-item:hover .sidebar-icon-fanti { background-image:url(../images/sidebar_icon_fanti2.png) !important;}
.sidebar .sidebar-item:hover .sidebar-icon-top { background-image:url(../images/sidebar_icon_top2.png) !important;}
.sidebar .sidebar-item span { float: left; font-size: 14px; color: #fff; display: none; margin-left: 10px;}
.sidebar .sidebar-item:hover span { display: block;}
.sidebar .sidebar-item img { position: absolute; left: 0; top: 0; display: none; transition: all .5s;}
.sidebar .sidebar-item:hover img { display: block; left: -160px; transition: all .5s;}


@media (max-width: 768px) {

.topbox,.top_search,.navbox,.sidebar,.head_r,.split_line,{
	display:none;
}
.banner{
	margin-top:0;
	height:55vw;
	background-size:auto 100%
}
.guohui{
	margin-top:20px;
}
.guohui img{
	width:16%;
}
.slogan{
	padding:35px 0 0;
}
.slogan img{
	width:90%;
}
/*头部nav*/
.mobile_main-nav{
	display:block;
	float:none;
	width:100%;
	height:45px;
	font-size:16px;
	background:#0068b7 url(../images/menu_mini.png) no-repeat 95% center;
	background-size:auto 60%;
	z-index:999
}
.mobile_main-nav ul > li{
	width:100%;
	line-height:45px;
	text-indent:10px;
	position:relative;
	z-index:999
}
.mobile_main-nav ul > li a{
	display:block;
	color:#333;
	text-indent:-5000px;
}
/*.mobile_main-nav ul > li a img{
	vertical-align:middle;
	transition:all .2s ease-in 0s;
	-moz-transition:all .2s ease-in 0s;
	-ms-transition:all .2s ease-in 0s;
	-o-transition:all .2s ease-in 0s;
	-webkit-transition:all .2s ease-in 0s;
}
.mobile_main-nav ul > li a.show img{
	transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}*/
			   
.mobile_main-nav ul > li > ul{
	position:absolute;
	left:-1px;
	top:45px;
	width:100%;
	text-align:center;
	border:1px solid #dfdfdf;
	border-bottom:0;
	display:none;
	z-index:9999
}
.mobile_main-nav ul > li > ul > li{
	height:30px;
	line-height:30px;
	border-bottom:1px solid #dfdfdf;
	background-color:#f5f5f5;
}
.mobile_main-nav ul > li > ul > li a{
	display:block;
	padding:5px 0;
	text-indent:inherit;
	color:#777;
}
.mobile_main-nav ul > li > ul > li a:hover{
	background-color:#396aaa;
	color:white;
}
.mobile_main-nav ul > li > ul > li{
	height:auto
}
.mobile_main-nav ul > li > ul > li.hover{
	background-color:#dedede
}
.mobile_main-nav ul > li > ul > li.hover>a{
	background-color:#ec3932;
	color:white;
}
.mobile_main-nav ul > li > ul > li.hover>div{
	color:#333;
	text-align:left
}
.mobile_main-nav ul > li > ul > li.hover>div li{
	line-height:10px;
}
.tree-default li {
  background-position: -64px -6px;
}
.mobile_main-nav ul > li > ul{
	height:400px;
	overflow-y:auto
}
.footer{
	padding:1em 0;
}
.w1200{
	width:100% !important
}
.footer p{
	padding:0 2%;
}
.head img{
    position: absolute;
    left: 20px;
    top: 20px;
    width: 80%;
}

}
/*220510*/
.guohui{width:100px; margin:0 auto;}
@media (max-width: 768px){
  .guohui {
    width:100%;margin-top:20px
  }
}
#ul{position: relative;z-index: 10001}
.login li dl{ display:none; position:absolute; left:-20px; top:39px; padding:0 10px; width:110px; background:#fff;  border-radius: 0 0 6px 6px; box-shadow:0px 3px 3px rgba(0,0,0,0.3); z-index:10002}
.login li dd{ line-height:30px; border-bottom:1px dotted #ccc}
.login dd a:link,.login dd a:visited{ color:#4f4f4f !important}
.login dd a:hover{color:#1957ad  !important}


@media (max-width:1024px){
  .links .container{width:auto;}
  .main-nav-box .mian-nav-layer{display:none !important}
}
@media (max-width:920px){
  .lan li{padding: 0 10px;}
  .main-nav-sub-4{text-indent: 0;}
  .main-nav-sub-1, .index-layer-common{display: flex;}
  .main-nav-sub-1, .index-layer-common a{width: 10%; padding: 0 10px;font-size: 1rem;display: block;background-image: none;}
}
@media (max-width:834px){
.main-nav > li{position: relative;}
.main-nav-box .mian-nav-layer{height: auto;}
.main-nav-sub-1, .index-layer-common{flex-direction: column;margin: 0;text-align: center;}
.main-nav-sub-1, .index-layer-common a{padding: 0;width: 100%;}
  
}	
@media (max-width:768px){
  .main-nav > li{font-size: 1rem;}
  .guohui img{width: 10%;}
  .banner {height: 43vw;}
  .top_search {width: 57%;}
  .navbox,.main-nav-box,.main-nav{height: auto;}
  .main-nav > li{height: 44px;line-height: 44px;}
  
.footer p{font-size: 1rem;}
.zf01, .zf02{position: relative;margin-top: 0;right: 0;left: 0;}

.zf02 img{margin:10px;}
}
@media (max-width:640px){
  .slogan {padding: 25px 0 0;}
  .top_search {margin-top: 15px;}
  .lan.fr{float: left;}
  .topbox{background-image: none;background-color: #215caf;}
  .topbox_con{height: auto;line-height: 30px;}
  .login #ul{padding-left: 10px;}
}

/* 2024-01-12 By:zhou_qin begin*/

.main-nav-box{width: 95%;max-width: 1200px;}
@media(max-width:1250px){
	.main-nav > li > a{padding: 0 20px;}
}

/* 2024-01-12 By:zhou_qin end*/

@media(max-width:450px){
.links li p{padding:0 0 0 5px;}
}